<div class="row">
    <div class="col-md-12">
        <div class="white-box">
            <h2 class="header-title"> Projects </h2>
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>Project Name</th>
                        <th>Start Date</th>
                        <th>Deadline Date</th>
                        <th>Status</th>
                        <th>Progress</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>7</td>
                        <td>Admin Panel design</td>
                        <td>10/10/2016</td>
                        <td>12/11/2016</td>
                        <td><span class="label label-danger">On Hold</span></td>
                        <td>
                            <div class="progress progress-striped progress-sm">
                                <div class="progress-bar progress-bar-danger" style="width: 25%;"></div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>8</td>
                        <td>Website Redesign</td>
                        <td>10/10/2016</td>
                        <td>12/11/2016</td>
                        <td><span class="label label-warning">Pending</span></td>
                        <td>
                            <div class="progress progress-striped progress-sm">
                                <div class="progress-bar progress-bar-warning" style="width: 25%;"></div>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>

        </div>
    </div>
</div>
